<template>
<!--资源总量-->
<div class="title-block total-source-block">
  <div class="title-block-title">
    资源总量
  </div>
  <div class="title-block-content" >
    <div class="total-source">
      <xdh-charts :options="chartOpt" width="100%" height="100%" liquid-fill></xdh-charts> 
    </div>
  </div>
</div>
</template>

<style lang="scss" scoped>
.total-source-block{
  .total-source{
    height: 95%;
    width: 60%;
    margin: 2% auto;
    overflow: hidden;
    border-radius: 50%;
    // border: 1px solid red;
  }
}

</style>

<script>
import XdhCharts from '@/widgets/xdh-echarts'
export default {
  name: 'totalSource',
  components: {
    XdhCharts
  },
  props: {},
  data() {
    return {
      chartOpt: {
        series: [{
          type: 'liquidFill',
          data: [0.6],
          shape: 'container',
          outline: {
              show: false
          }
        }]
      }
    }
  },
  computed: {
     
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>

